<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        function allcheck() {
            var input = document.getElementsByName("checkbox")
            input.forEach(element => {
                element.checked = !element.checked
            });
        }
    </script>
    看书：
    <input type="checkbox" name="checkbox" value=1>
    <br>
    写字：
    <input type="checkbox" name="checkbox" value=2>
    <br>
    打飞机：
    <input type="checkbox" name="checkbox" value=3>
    <br>
    玩游戏：
    <input type="checkbox" name="checkbox" value=4>
    <br>
    <button onclick="allcheck()">
        全选/取消
    </button>
</body>

</html>